<!-- 报价商品计算过程 -->
<div id="itemQuoteDetailPage" v-cloak>
    <el-dialog :title="name" :visible.sync="pageVisible" @closed="closePage" fullscreen>
        <div class="tab_head">详细信息</div>
        <div class="tab_cn">
            <!-- 描述 -->
            <table>
                <tbody>
                    <template v-for="(item, index) in orderItemQuote.quoteProductInfoList" :key="index">
                        <tr>
                            <td style="width:10%; text-align:center;">
                                <div>{{item.partsName}}</div>
                            </td>
                            <td>
                                <div style="border-bottom:1px solid #898989;">
                                    <i>具体参数</i>
                                    <span v-parsing-text="item.basicParam"></span>
                                </div>
                                <div>
                                    <i>后工序参数</i>
                                    <span v-parsing-text="item.craftParam"></span>
                                </div>
                            </td>
                        </tr>
                    </template>
                </tbody>
            </table>

            <!-- 费用 -->
            <table>
                <thead>
                <tr>
                    <td colspan="4" style="padding:10px;"></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td style="width:8%; text-align:center;">后工序费用</td>
                    <td style="width:40%;padding:10px">{{orderItemQuote.totalCraftPrice}}</td>
                    <td style="width:8%; text-align:center;">利润</td>
                    <td style="width:40%;padding:10px">{{orderItemQuote.subtract}}</td>
                </tr>
                <tr>
                    <td style="width:8%; text-align:center;">印刷费用</td>
                    <td style="width:40%;padding:10px">{{orderItemQuote.totalPrintPrice}}</td>
                    <td style="width:8%; text-align:center;">总价</td>
                    <td style="width:40%;padding:10px;"><span style="color: red;font-weight: bold">{{orderItemQuote.totalTotalPrice}}</span>
                    </td>
                </tr>
                </tbody>
            </table>

            <!-- 部件 -->
            <!-- 商务印刷 -->
            <table v-if="goodsType == 'print'" style="text-align:center; margin-top:10px;" class="table">
                <tbody>
                <tr>
                    <td>部件</td>
                    <td>印刷机</td>
                    <td>纸张尺寸</td>
                    <td>开纸类别</td>
                    <td>印刷方式</td>
                    <td>版数</td>
                    <td>拼版个数</td>
                    <td>每版印数</td>
                    <td>印刷纸张</td>
                    <td>纸价</td>
                    <td>每版印工费</td>
                    <td>后加工费用</td>
                    <td>印刷总费用</td>
                </tr>
                <template v-for="(p, index) in orderItemQuote.paperInfoList" :key="index">
                    <tr >
                        <td>{{p.partName}}</td>
                        <td>{{p.printMachineName}}</td>
                        <td>
                            <span v-if="p.cutModel.paperWide > 0 && p.cutModel.paperLength > 0">{{p.cutModel.paperWide}}*{{p.cutModel.paperLength}}</span>
                            <span v-else></span>
                        </td>
                        <td>{{p.kaiValue}}</td>
                        <td>{{p.printModeTypeName}}</td>
                        <td>{{p.editionNum}}</td>
                        <td>{{p.splitJointNum}}</td>
                        <td>{{p.printNum}}</td>
                        <td>{{p.paperNum}}</td>
                        <td>{{p.paperPrice}}</td>
                        <td>{{p.cutModel.printCostPrice}}</td>
                        <td>{{p.cutModel.craftCostPrice}}</td>
                        <td>{{p.cutModel.costPrice}}</td>
                    </tr>
                </template>
                <tr>
                    <td colspan="13" v-html="orderItemQuote.attributeValueTypeMap"></td>
                </tr>
                </tbody>
            </table>

            <!-- 数码快印 -->
            <table v-if="goodsType == 'fast'" style="text-align:center; margin-top:10px;" class="table">
                <tbody>
                <tr>
                    <td>部件</td>
                    <td>印刷机</td>
                    <td>纸张尺寸</td>
                    <td>拼版个数</td>
                    <td>印数</td>
                    <td>印张</td>
                    <td>打印费</td>
                    <td>组合单价</td>
                    <td>工艺费用</td>
                    <td>总费用</td>
                </tr>
                <template v-for="(p, index) in orderItemQuote.paperInfoList" :key="index">
                    <tr>
                        <td>{{p.partName}}</td>
                        <td>{{p.printMachineName}}</td>
                        <td>
                            <span v-if="p.cutModel.paperWide > 0 && p.cutModel.paperLength > 0">{{p.cutModel.paperWide}}*{{p.cutModel.paperLength}}</span>
                            <span v-else></span>
                        </td>
                        <td>{{p.splitJointNum}}</td>
                        <td>{{p.printNum}}</td>
                        <td>{{p.printSheet}}</td>
                        <td>{{p.paperPrice}}</td>
                        <td>{{p.cutModel.unitPrice}}</td>
                        <td>{{p.cutModel.craftCostPrice}}</td>
                        <td>{{p.cutModel.costPrice}}</td>
                    </tr>
                </template>

                <tr>
                    <td colspan="13" v-html="orderItemQuote.attributeValueTypeMap"></td>
                </tr>
                </tbody>
            </table>

            <div align="center">
                <el-button @click="goBack">返回</el-button>
            </div>

        </div>

    </el-dialog>
</div>

<script src="${request.contextPath}/statics/js/modules/order/itemQuoteDetail.js?_${.now?long}"></script>
<style>
    * {
        margin: 0;
        padding: 0;
        font-style: normal
    }
    .ui li {
        margin: 0;
        padding: 0;
        list-style: none
    }
    input {
        background: 0 0;
        border: none
    }
    html {
        overflow-x: hidden;
        font-family: "微软雅黑"
    }
    a {
        text-decoration: none
    }
    ol, ul {
        list-style-type: none
    }
    img, input, select {
        vertical-align: middle;
        outline: 0
    }
    a {
        text-decoration: none
    }
    .tab_head {
        background: #F3F3F3;
        padding: 10px;
    }
    .tab_cn {
        padding: 15px;
    }
    .tab_cn table {
        width: 100%;
        border-collapse: collapse;
    }
    .tab_cn table tr td {
        border: 1px solid #898989;
    }
    .tab_cn table tr td i {
        display: inline-block;
        padding: 25px 0px;
        text-align: center;
        width: 140px;
        border-right: 1px solid #898989;
    }
    .tab_cn table tr td span {
        display: inline-block;
    }
    .tab_cn .table tr td {
        padding: 5px 0px;
    }
</style>